import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'
import path from 'path'

// https://vite.dev/config/
export default defineConfig({
  plugins: [tailwindcss(), react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },

  server: {
    host: true,        // 监听所有地址
    port: 5200,        // 指定端口
    strictPort: true,  // 端口被占用时直接退出
    proxy: {
      "/api": {
        target: 'http://localhost:9002', // 代理目标地址
        changeOrigin: true, // 允许跨域
      },
      '/map-cloud': {
        target: 'http://localhost:9000', // 代理目标地址
        changeOrigin: true, // 允许跨域
      },
    },
  },
  css: {
    modules: {
      // 配置 CSS modules
      localsConvention: 'camelCase', // 将 CSS 类名转换为驼峰命名
      scopeBehaviour: 'local', // 默认就是 local，可以不写
      generateScopedName: '[local]___[hash:base64:5]', // 生成的类名格式
    }
  }
})
